@charset "utf-8";
@import "common/reset";
@import "common/common";
body{
    overflow: hidden;
}
.qr_web{
    width: 640px;
    position: relative; 
    overflow: hidden;
    background:url(../images/share_bg.jpg) no-repeat center/98% 98%  #e3234f;
    height: 100%;
    text-align: center;
    .scroll_bg{
        position: absolute;
        z-index: 0;
        top:0;
        left: 0;
        width: 100%;
        height: 100%;
        img{
            height: 100%;
            width: 100%;
        }
    }
    .qr_code{
        margin-top: 51%;
        height: 20%;
        img:nth-child(1){
            height:100%;
            margin-bottom: 15px;
        }
        img{
        		display: block;
        		margin: 0 auto;
        }
    		margin-bottom: 15%;
    }
    .qr_text{
    	
    		width:470px;
    		margin: 0 auto;
    		border-top: 1px solid #FFFFFF;
    		border-bottom: 1px solid #FFFFFF;
        margin-top:5%;
        padding-top: 20px;
        padding-bottom: 20px;
        text-align: left;
        color: #FFFFFF;
        font-size: 20px;
        line-height:28px;
        img{
            height:100%;
        }
        &::after{
        		content: "";
        		display: block;
        		clear: both;
        }
        .zhichi{
	        	float: right;
	        	width: 370px;
	        	text-align: left; 
        }
    }
    .qr_footer{
        position: absolute;
        bottom: 2%;
        left: 50%;
        transform: translateX(-50%);
//      margin-top: 36px;
        height: 25%;
        img{
            height:100%;
        }
    }
}














 